<!--
  Generated template for the TeamDetailsPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>
  <ion-navbar  hideBackButton="true">
    <ion-buttons start (click)="back()">
      <button ion-button icon-only>
        <ion-icon name="fanhui"></ion-icon>
      </button>
    </ion-buttons>
    <ion-title>团队详情</ion-title>
  </ion-navbar>
</ion-header>


<ion-content (click)="showDeteleBtn = false">
  <div class="details-content"> 
    <img src="{{bgUrl}}">
    <span>{{teamName}}</span>
    <p>
      <span>{{teamNumber}}</span>
    </p> 
  </div>

  <!-- 团队成员 -->
  <div class="team-member-line" >
    <span class="">团队成员</span>
  </div>

  <div class="team-member">
    <div *ngFor="let item of teamMemberDatas" (press)="doPress()" (click)="openMemberDetails(item)">
      <img src="{{item.avatar}}">
      <span>{{item.realname}}</span> 
      <div *ngIf="showDeteleBtn" (click)="deleteMember($event,item)"  [@toggle]="void"></div>
    </div>
  </div>
  <div class="project">
    <span class="span-start">评测项目</span>
    <button ion-button item-end (click)="openNewApply()">
      <!-- <img src="./assets/imgs/team/create_bt.png"> -->
      <ion-icon name="tianjia"></ion-icon>
      <span>创建评测</span>
    </button>
  </div> 
  <ion-list>
    <ion-item *ngFor="let item of evaluating" (click)="openPcSmItemPage(item)">
      <ion-thumbnail item-start>
        <img src="{{teamPhoto}}"> 
      </ion-thumbnail>
      <span>{{item.evaluatingname}}</span>
      <p>{{item.evaluatingtime}}至{{item.evaluatingendtime}}</p>
    </ion-item>
  </ion-list> 
  <button ion-button (click)="join()" class="join-team">
    <span>{{isJoinTeam ? "退出团队" : "加入团队"}}</span>
  </button>
</ion-content>